<!--
 * @Descripttion: 车辆预警
 * @version:
 * @Author: wl
 * @Date: 2020-05-21 17:00:50
 * @LastEditors: wl
 * @LastEditTime: 2020-05-23 17:22:25
-->
<template>
  <div>
    <page :asideShow="asideShow">
      <div slot="toolbar">
        <el-form :inline="true" :model="filters" label-width="90px" label-position="right">
          <el-form-item label="单位：">
            <div>
              <el-input
                class="normal"
                v-model="filters.corpName"
                clearable
                placeholder="请选择"
                @clear="handleClear"
              ></el-input>
              <!-- @click.native.stop="handleQuery" -->

              <template>
                <unit-tree-data v-if="unitShow" @click="handleTreeClick" class="stat-search-box"></unit-tree-data>
              </template>
            </div>
          </el-form-item>
          <el-form-item label="起始时间：">
            <el-date-picker
              v-model="filters.startTime"
              class="normal"
              type="date"
              value-format="yyyy-MM-dd HH:mm:ss"
              placeholder="选择日期"
            ></el-date-picker>
          </el-form-item>
          <el-form-item label="结束时间：">
            <el-date-picker
              v-model="filters.endTime"
              class="normal"
              type="date"
              value-format="yyyy-MM-dd HH:mm:ss"
              placeholder="选择日期"
            ></el-date-picker>
          </el-form-item>
          <el-form-item label="姓名：">
            <el-input
              class="normal"
              placeholder="请输入"
              
              clearable
              v-model="filters.username"
            ></el-input>
            <!-- @keydown.enter.native="handleQuery" -->
          </el-form-item>
        </el-form>
      </div>
      <div slot="btnSearch">
        <el-button  type="primary">查询</el-button>
        <!-- <el-button
          type="primary"
          v-show="hasPerm('news:carwarn:add')"
          @click="handleExport"
          >新增</el-button
        >-->
      </div>
      <div slot="content"></div>
      <div slot="footer">
        <el-pagination
          layout="total, prev, pager, next, jumper"
          @current-change="refreshPageRequest"
          :current-page="pageRequest.page"
          :page-size="pageRequest.pageSize"
          :total="totalSize"
          style="float: right"
        ></el-pagination>
      </div>
    </page>
  </div>
</template>

<script>
export default {
  data() {
    return {
      asideShow: false,
      unitShow: false,
      pageResult: [],
      filters: {
        corpId: 0,
        corpName: "",
        username: "",
        startTime: "",
        endTime: "",
      },
      pageRequest: {
        page: 1,
        pageSize: 10,
      },
      columns: [],
      loading: false,
      totalSize: 0,
      exportUrl: this.global.baseUrl + "/self_test_stat/export",
      exportLoading: false,
    };
  },
  methods: {
    refreshPageRequest() { },
    handlQuery(){
      
    }
  },
};
</script>

<style>
</style>
